<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Edit page the the object 'Ficha'</title>

    <script src="../js/jquery-2.1.1.js" type="application/javascript"></script>
    <script src="../js/jquery-ui.js" type="application/javascript"></script>
    <link href="../css/jquery-ui.css" rel="stylesheet">
    <link href="../css/jquery-ui.structure.css" rel="stylesheet">
    <link href="../css/jquery-ui.theme.css" rel="stylesheet">

    <script src="../js/bootstrap.js"></script>
    <link href="../css/bootstrap.css" rel="stylesheet">

    <script src="../js/coma.js" type="application/javascript"></script>
    <!--<script src="../js/bootstrap-datepicker.js"></script>-->
    <!--<link href="../css/datepicker.css">-->

    <script>
        $(function () {

            $(document).ready(function () {
                $('.date').datepicker({
                    pickDate: true,
                    showToday: true,
                    useStrict: true,
                });
            });
        });
    </script>

    <style>
        .big_check {
            width: 16px;
            height: 16px;
        }
        .nomargin {
            margin-left: 0px;
            margin-right: 0px;
            padding-left: 0px;
            padding-right: 0px;
        }
    </style>


</head>

<body style="max-width: 1024px;">

    <form id="edit_form" object="Usuarios" type="edit">


        <legend>Edición de usuarios</legend>
        <div class="panel panel-default">
            <div class="panel-heading">
                <h3 class="panel-title">Datos Básicos</h3>
            </div>
            <div class="panel-body">
                <div class="row">

                    <div class="form-group col-md-6">
                        <label class="col-md-2 control-label" for="usuario">Usuario</label>
                        <div class="col-md-9">
                            <input id="usuario" type="text" placeholder="..." class="form-control input-md">
                        </div>
                        <div class="col-md-1 nomargin">
                            <input id="id" type="text" placeholder="Id" class="form-control input-md nomargin" readonly>
                        </div>
                    </div>

                    <div class="form-group col-md-6">
                        <label class="col-md-2 control-label" for="password">password</label>
                        <div class="col-md-4">
                            <input id="password" type="text" placeholder="..." class="form-control input-md">
                        </div>
                    </div>
                </div>

                <div class="row">
                    <div class="form-group col-md-6">
                        <label class="col-md-2 control-label" for="rol">Rol</label>
                        <div class="col-md-6">
                            <input id="rol" type="text" placeholder="..." class="form-control input-md">
                        </div>
                    </div>
                </div>

            </div>
        </div>

        <div class="row">

            <div class="col-md-4">
                <label class="col-md-12" id="change">(Sin cambios pendientes)</label>
            </div>
            <div class="col-md-4">
                <button id="save" type="button" class="btn btn-primary" onclick="saveObject()">Guardar</button>
                <button id="cancel" type="button" class="btn btn-warning" onclick="cancelEdit()">Cancelar</button>
                <button id="delete" type="button" class="btn btn-danger" >Eliminar</button>
            </div>
            <div class="col-md-4">
                <label class="col-md-12" hidden="true">Guardado por admin 10/10/2014</label>
            </div>
        </div>


    </form>

</body>

</html>